<template>
  <div class="my_sz">
    <header>
      <h4>设置</h4>
      <i class="iconfont" @click="changePath">&#xe615;</i>
    </header>
    <router-link to="/zl">
      <div class="my_div" @click="toZL">个人资料</div>
    </router-link>
    <router-link to="/zhgl">
      <div class="my_div">账号管理</div>
    </router-link>

    <div class="my_div">缓存管理</div>
    <div class="my_div">检查更新</div>
    <button>退出登录</button>
  </div>
</template>

<script>
  /**
   * 我的设置
   */
  export default {
    name: "MySZ",
    methods:{
      changePath(){
        this.$router.push('/my')
      }
    }
  }
</script>

<style scoped lang="less">
  .my_sz {
    header {
      color: #FFFFFF;
      width: 100%;
      height: 50px;
      background-color: #181718;

      i {
        float: left;
        margin-left: 20px;
        padding-top: 20px;
      }

      h4 {
        font-weight: 500;
        letter-spacing: 4px;
        position: absolute;
        top: 15px;
        left: 45%;
      }
    }
    .my_div{
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding-left: 10px;
      text-align: left;
      background-color: #FFFFFF;
      border-bottom: 10px solid #efefef;
    }
    button{
      width: 53%;
      height: 40px;
      margin-top: 20px;
      border-bottom-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      border-top-left-radius: 20px;
      background-color: transparent;
      border: 2px solid #a4a4a4;
    }
  }
</style>
